@use "sass:map";

@use '../common/var.scss' as *;

$namespace: "e";
$common-separator: "-";
$element-separator: "__";
$modifier-separator: "--";
$state-prefix: "is-";

$app-var-map:() !default;
$app-var-map:map.deep-merge((
	"color":$colors,
	"border-color":$border-color,
	"text-color":$text-color,
	"fill-color":$fill-color,
	"bg-color":$bg-color,
	"disabled":$disabled,
	"button-height":$button-height,
	"button-padding-horizontal":$button-padding-horizontal,
	"common-component-size":$common-component-size,
	"font-size":$font-size,
	"avatar-size":$avatar-size,
	"border-radius":$border-radius,
	"transition-duration":$transition-duration,
	"transition-function":$transition-function
),$components-var-map);

$app-var-color-no-type-list:("white","black");